<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影评论列表</title>
    <%- include common %>

    <style>
        .thumbnail>img {
            height: 240px;
            width: 200px;
        }

        .thumbnail {
            cursor: pointer;
        }
    </style>
</head>

<body>
    <%- include("head",{title:"mlist",username}) %>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <h4 class="text-primary text-center">电影介绍</h4>
                <div class="thumbnail">
                    <img src="<%- movie.images.large.replace(/img7/,'img3') %>" alt="">
                    <div>
                        <p class="text-primary"><%- movie.title %></p>
                        <p class="text-info">年份：<%- movie.year %></p>
                        <p class="text-danger">评分：<%- movie.rating.average %></p>
                        <p class="text-warning">分类：<%- movie.genres %></p>
                        <p class="text-primary">导演：<%- movie.directors[0].name %></p>
                        <p class="text-danger">演员：
                            <%  movie.casts.forEach(v=>{  %>
                            <span><%- v.name %></span>
                            <%  })  %>
                        </p>
                        <div style="width: 100%;overflow: hidden;">
                            <div style="overflow: auto;">
                                <%  movie.casts.forEach(v=>{  %>
                                <img style="width: 160px; height: 200px;"
                                    src="<%- v.avatars.small.replace(/img7/,'img3') %>" />
                                <%  })  %>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <h4 class="text-warning">所有评论列表</h4>
                <div class="well">
                   <%   result.forEach((data,index)=>{  %>
                        <div>
                            <p class="text-warning">#<%- index+1 %></p>
                            <p class="text-primary pull-right">评论人：<%- data.author %></p>
                            <p class="text-danger"><%- data.time %></p>
                            <p><%- data.title %></p>
                            <p class="text-info"><%- data.content %></p>
                            <hr>
                        </div>


                    <%   })  %>
                </div>
            </div>
        </div>
    </div>
    <%- include("foot") %>

</body>


</html>